﻿<!DOCTYPE HTML>
<html lang="en" class="no-js">

  <head>

      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
      <title>Rex — Clean & Minimal Portfolio HTML5 Template | Shop</title>
      
      <!-- ============ Google Fonts ============ -->
      <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">


      <!-- CSS -->
      <!-- Flexslider -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/flexslider.css">
      <!-- Font-Awesome -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/font-awesome.css">
      <!-- LightCase -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/lightcase.css">
      <!-- SlickNav -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/slicknav.min.css">
      <!-- Animate -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/animate.min.css">
      <!-- Bootstrap 4 -->
      <link rel="stylesheet" type="text/css" href="http://cdn.bootstrapmb.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <!-- Cube Portfolio -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/cubeportfolio.min.css">
      <!-- Custom styles CSS -->
      <link rel="stylesheet" type="text/css" href="assets/css/main.css">
      <!-- Favicon -->
      <link rel="icon" type="image/png" href="assets/images/favicon.png">

  </head>

  <body>


<script type='text/javascript'>var words = ["LOADING", "PORTFOLIO", "MODERN", "MINIMAL", "CLEAN"];</script>

<!-- LOADER TEMPLATE -->
<div class="page-loader">
<div class="text-loader">
  <div class="right">
      <h4 class="randoms"></h4>
      <h1 class="randoms"></h1>
      <h4 class="randoms"></h4>
  </div>
  <div class="left">
      <h4 class="randoms"></h4>
      <h1 class="randoms"></h1>
      <h4 class="randoms"></h4>
  </div>
</div>
</div>
<!-- /LOADER TEMPLATE -->

            
<header>
  <div class="container">
    <div class="row">
      <div class="col-md-12">

         <!-- logo -->
         <div class="logo"><a href="index.html">rex</a></div>
         <!-- /logo -->

         <!-- shop cart -->
         <div class="cart-container">
            <div class="icon-cart">
              <i class="fa fa-shopping-bag" aria-hidden="true"></i>
              <span class="cart-count">3</span> 
            </div>
            <div class="cart-widget">
                <ul class="mini-cart cart_list product_list_widget">
                    <li>
                        <a href="single-product.html">
                            <img alt="product-1" src="assets/images/product-1.jpg">Bag
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                    <li>
                        <a href="single-product.html">
                            <img alt="product-2" src="assets/images/product-2.jpg">Boots
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                    <li>
                        <a href="single-product.html">
                            <img alt="product-3" src="assets/images/product-3.jpg">Belt
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                </ul>
                <p class="mini-cart__total total">
                    <strong>Subtotal:</strong>
                    <span>$105.00</span>
                </p>
                <p class="mini-cart__buttons buttons">
                    <a class="button" href="#">View cart</a>
                    <a class="button checkout" href="#">Checkout</a>
                </p>
            </div>
         </div>
         <!-- /shop cart -->

         <!-- navigation -->
         <nav>

            <div id="rex_menu">
                <ul>
                <li class="has-sub">
                    <a href="#">
                        <span>Home</span>
                    </a>
                    <ul>
                        <li>
                            <a href="index.html">
                                <span>Parallax</span>
                            </a>
                        </li>
                        <li>
                            <a href="index-1.html">
                                <span>Text</span>
                            </a>
                        </li>
                        <li>
                            <a href="index-2.html">
                                <span>Slider</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="about.html">
                        <span>About</span>
                    </a>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Portfolio</span>
                    </a>
                    <ul>
                        <li>
                            <a href="portfolio-classic.html">
                                <span>Classic</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-minimal.html">
                                <span>Minimal</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-alternative.html">
                                <span>Alternative</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-creative.html">
                                <span>Creative</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-stretch.html">
                                <span>Stretch</span>
                            </a>
                        </li>
                        <li class="has-sub">
                            <a href="#">
                                <span>Project Single</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="portfolio-single-1.html">
                                        <span>Single v1</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-2.html">
                                        <span>Single v2</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-3.html">
                                        <span>Single v3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-4.html">
                                        <span>Single v4</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-5.html">
                                        <span>Single v5</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Blog</span>
                    </a>
                    <ul>
                        <li>
                            <a href="blog-classic.html">
                                <span>Classic</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-minimal.html">
                                <span>Minimal</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-grid.html">
                                <span>Grid</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-creative.html">
                                <span>Creative</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-full-width.html">
                                <span>Full width</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-post-format.html">
                                <span>Post Format</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Contact</span>
                    </a>
                    <ul>
                        <li>
                            <a href="contact-1.html">
                                <span>Contact V1</span>
                            </a>
                        </li>
                        <li>
                            <a href="contact-2.html">
                                <span>Contact V2</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="active">
                    <a href="shop.html">
                        <span>Shop</span>
                    </a>
                </li>
                </ul>
            </div>

         </nav>
         <!-- /navigation -->


       </div>
     </div>
  </div>
</header>


<!-- wrapper -->    
<div id="wrapper">

          <div class="container">
            <div class="row">
              <div class="col-md-9">
                <div class="product-single-image">
                  <img alt="image" src="assets/images/single-product-1.jpg" />
                </div>

                <div class="product-single-info">
                  <h3 class="product-single-title">Bag</h3>
                  <div class="star-rating">
                      <span style="width:90%">Rated
                          <strong class="rating">4.50</strong>
                          out of 5</span>
                  </div>
                      <span class="shop-price">
                         <span>$</span>9.00
                      </span>
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                    <form class="cart" action="#" method="post" enctype="multipart/form-data">
                      <input type="number" step="1" min="1" max="50" name="quantity" value="1" title="number" size="4">
                      <a class="button-product" href="#">Add to cart</a>
                    </form>
                </div>

                <div class="product-single-box">
                  <h2>DESCRIPTION</h2>
                  Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
                </div>

                <div class="product-related-products">
                  <h3 class="product-single-title">Related Products</h3>
                   <div class="shop-products shopContainer columns-3">
                    <div class="gutter-sizer"></div>

                          <!-- product 1 -->
                          <div class="product">
                                  <a class="product-images" href="single-product.html">
                                      <div class="shop-first-image">
                                          <img alt="image" src="assets/images/shop-product-1.jpg" />
                                      </div>

                                  </a>
                                  <div class="shop-product-details">
                                      <div class="shop-product-details-container">
                                          <h4 class="shop-product-title">
                                              <a href="single-product.html">Armchair</a>
                                          </h4>
                                              <div class="star-rating">
                                                  <span style="width:80%">Rated
                                                      <strong class="rating">4.00</strong>
                                                      out of 5</span>
                                              </div>
                                              <span class="shop-price">
                                                  <span>$</span>35.00</span>
                                            <div class="shop-button-box">
                                              <a class="button-product" href="#">Add to cart</a>
                                            </div>
                                      </div>
                                  </div>
                          </div>
                          <!-- /product 1 -->

                          <!-- product 2 -->
                          <div class="product">
                                  <a class="product-images" href="single-product.html">
                                      <div class="shop-first-image">
                                          <img alt="image" src="assets/images/shop-product-2.jpg" />
                                      </div>
                                      <div class="shop-second-image">
                                          <img alt="image" src="assets/images/shop-product-2-2.jpg" />
                                      </div>
                                  </a>
                                  <div class="shop-product-details">
                                      <div class="shop-product-details-container">
                                          <h4 class="shop-product-title">
                                              <a href="single-product.html">Audio</a>
                                          </h4>
                                              <div class="star-rating">
                                                  <span style="width:100%">Rated
                                                      <strong class="rating">5.00</strong>
                                                      out of 5</span>
                                              </div>
                                              <span class="shop-price">
                                                  <span>$</span>9.00</span>
                                            <div class="shop-button-box">
                                              <a class="button-product" href="#">Add to cart</a>
                                            </div>
                                      </div>
                                  </div>
                          </div>
                          <!-- /product 2 -->

                          <!-- product 3 -->
                          <div class="product">
                                  <a class="product-images" href="single-product.html">
                                      <div class="shop-first-image">
                                          <img alt="image" src="assets/images/shop-product-3.jpg" />
                                      </div>
                                      <div class="shop-second-image">
                                          <img alt="image" src="assets/images/shop-product-3-2.jpg" />
                                      </div>
                                  </a>
                                  <div class="shop-product-details">
                                      <div class="shop-product-details-container">
                                          <h4 class="shop-product-title">
                                              <a href="single-product.html">Black Armchair</a>
                                          </h4>
                                              <div class="star-rating">
                                                  <span style="width:80%">Rated
                                                      <strong class="rating">4.00</strong>
                                                      out of 5</span>
                                              </div>
                                              <span class="shop-price">
                                                  <span>$</span>35.00</span>
                                            <div class="shop-button-box">
                                              <a class="button-product" href="#">Add to cart</a>
                                            </div>
                                      </div>
                                  </div>
                          </div>
                          <!-- /product 3 -->

                  </div>
                </div>

                </div>

                      <div class="col-md-3 rex-padding-left">
                          <div class="sidebar">
                              <div class="sidebar-box">
                                  <h1 class="sidebar-title">Product categories</h1>
                                  <ul class="product-categories">
                                      <li>
                                          <a href="#">Albums</a>
                                      </li>
                                      <li>
                                          <a href="#">Clothing</a>
                                      </li>
                                      <li>
                                          <a href="#">Hoodies</a>
                                      </li>
                                      <li>
                                          <a href="#">Music</a>
                                      </li>
                                      <li>
                                          <a href="#">Posters</a>
                                      </li>
                                      <li>
                                          <a href="#">Singles</a>
                                      </li>
                                      <li>
                                          <a href="#">Uncategorized</a>
                                      </li>
                                  </ul>
                              </div>
                              <div class="sidebar-box">
                                  <h1 class="sidebar-title">Top rated products</h1>
                                  <ul class="sidebar-product-list">
                                      <li>
                                          <a href="single-product.html">
                                              <img alt="image" src="assets/images/sidebar-product-1.jpg" />
                                              <span class="product-title">Audio</span>
                                          </a>
                                          <div class="star-rating">
                                              <span style="width:100%">Rated
                                                  <strong class="rating">5.00</strong>
                                                  out of 5</span>
                                          </div>
                                          <span class="shop-price">
                                              <span>$</span>9.00</span>
                                      </li>
                                      <li>
                                          <a href="single-product.html">
                                              <img alt="image" src="assets/images/sidebar-product-2.jpg" />
                                              <span class="product-title">Pillow</span>
                                          </a>
                                          <div class="star-rating">
                                              <span style="width:93.4%">Rated
                                                  <strong class="rating">4.67</strong>
                                                  out of 5</span>
                                          </div>
                                          <span class="shop-price">
                                              <span>$</span>35.00</span>
                                      </li>
                                      <li>
                                          <a href="single-product.html">
                                              <img alt="image" src="assets/images/sidebar-product-3.jpg" />
                                              <span class="product-title">Oak Tray</span>
                                          </a>
                                          <div class="star-rating">
                                              <span style="width:90%">Rated
                                                  <strong class="rating">4.50</strong>
                                                  out of 5</span>
                                          </div>
                                          <span class="shop-price">
                                              <span>$</span>35.00</span>
                                      </li>
                                      <li>
                                          <a href="single-product.html">
                                              <img alt="image" src="assets/images/sidebar-product-4.jpg" />
                                              <span class="product-title">Bottle</span>
                                          </a>
                                          <div class="star-rating">
                                              <span style="width:90%">Rated
                                                  <strong class="rating">4.50</strong>
                                                  out of 5</span>
                                          </div>
                                          <del>
                                              <span class="shop-price">
                                                  <span>$</span>3.00</span>
                                          </del>
                                          <ins>
                                              <span class="shop-price">
                                                  <span>$</span>2.00</span>
                                          </ins>
                                      </li>
                                      <li>
                                          <a href="single-product.html">
                                              <img alt="image" src="assets/images/sidebar-product-5.jpg" />
                                              <span class="product-title">Vases</span>
                                          </a>
                                          <div class="star-rating">
                                              <span style="width:80%">Rated
                                                  <strong class="rating">4.00</strong>
                                                  out of 5</span>
                                          </div>
                                          <span class="shop-price">
                                              <span>$</span>3.00</span>
                                      </li>
                                  </ul>
                          </div>
                      </div>
                   </div>
                 </div>
              </div>
</div>
<!-- /wrapper --> 

<!-- footer -->
<footer>

    <div class="container">
      <div class="row">
        <div class="col-md-12">

      <!-- social icons -->
      <div class="social-icons">
            
        <ul>

          <li><a href="#" class="twitter"><i class="fa fa-fw fa-twitter"></i></a></li>
          <li><a href="#" class="facebook"><i class="fa fa-fw fa-facebook"></i></a></li>
          <li><a href="#" class="google-plus"><i class="fa fa-fw fa-google-plus"></i></a></li>
          <li><a href="#" class="youtube-play"><i class="fa fa-fw fa-youtube-play"></i></a></li>
          <li><a href="#" class="instagram"><i class="fa fa-fw fa-instagram"></i></a></li>   

        </ul>

      </div>
      <!-- /social icons -->  

      <!-- copyright -->
      <div class="copyright">
        Copyright © 2019 by <a href="http://www.bootstrapmb.com" target="_blank"> MountainTheme</a>. All rights reserved.
      </div>
      <!-- /copyright -->

     </div>
    </div>
  </div>

</footer>
<!-- /footer -->

    <!-- Javascript files -->
    <!-- jQuery -->
    <script src="assets/js/plugins/jquery-1.12.4.min.js"></script>
    <!-- Modernizr -->
    <script src="assets/js/plugins/modernizr.js"></script>
    <!-- jQuery.appear -->
    <script src="assets/js/plugins/jquery.appear.js"></script>
    <!-- Lettering -->
    <script src="assets/js/plugins/lettering.js"></script>
    <!-- Textillate -->
    <script src="assets/js/plugins/textillate.js"></script>
    <!-- Wow -->
    <script src="assets/js/plugins/wow.js"></script>
    <!-- Jarallax -->
    <script src="assets/js/plugins/jarallax.js"></script>
    <!-- Lightcase -->
    <script src="assets/js/plugins/lightcase.js"></script>
    <!-- Skills bar -->
    <script src="assets/js/plugins/skills-bar.js"></script>
    <!-- Slick Nav -->
    <script src="assets/js/plugins/slick-nav.js"></script>
    <!-- Flex Slider -->
    <script src="assets/js/plugins/flexslider.js"></script>
    <!-- Images Loaded -->
    <script src="assets/js/plugins/images-loaded.js"></script>
    <!-- Isotope -->
    <script src="assets/js/plugins/isotope.js"></script>
    <!-- Cube Portfolio -->
    <script src="assets/js/plugins/jquery.cubeportfolio.min.js"></script>
    <!-- Google map -->
    <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAV1KS10sb3O462XosfZTKohHJwi6C0joo"></script>
    <!-- Custom -->
    <script src="assets/js/main.js"></script>

    
</body>
</html>